<template>
	<el-header v-if="!navTabsStore.tabFullScreen" class="layout-header">
		<component :is="webConfigStore.layout.layoutMode + 'NavBar'"></component>
	</el-header>
</template>
<script lang="ts" setup>
import {useWebConfigStore} from '@/stores/modules/webConfig.store'
import {useNavTabsStore} from '@/stores/modules/navTabs.store'

const webConfigStore = useWebConfigStore()
const navTabsStore = useNavTabsStore()
</script>

<script lang="ts">
import DefaultNavBar from './navBar/default.vue'
import ClassicNavBar from './navBar/classic.vue'
import StreamlineNavBar from './navBar/streamline.vue'

export default {
	components: {DefaultNavBar, ClassicNavBar, StreamlineNavBar}
}
</script>

<style lang="scss" scoped>
.layout-header {
	height: auto;
	padding: 0;
}
</style>
